<template>
  <div class="child1">
    {{ infoStore.count }}
    <p @click="updateTodo">{{ todoStore.todos }}</p>
    <small>{{ todoStore.total }}</small>
  </div>
</template>

<script setup lang="ts">
  import useInfoStore from '../../store/modules/info.ts'
  import useTodoStore from '../../store/modules/todo.ts'

  const infoStore = useInfoStore()
  const todoStore = useTodoStore()

  function updateTodo() {
    todoStore.updateTodo()
  }


</script>

<style scoped>
.child1 {
  width: 200px;
  height: 200px;
  background: hotpink;
}
</style>